import React from 'react'

export default function Footer(props) {
  const { list } = props
  let over = list.filter(item => item.state)
  return (
    <div className='foot'>
      <p>共有：{list.length}件事情</p>
      <p>已完成：{over.length}件事情</p>
      <p>未完成：{list.length - over.length}件事情</p>
    </div>
  )
}